<%-- 
    Document   : CambioContrasenia
    Created on : 29/03/2013, 03:43:36 AM
    Author     : Alex
--%>

<%@page import="DTO.Paciente"%>
<%@page import="Model.conexionBD"%>
<%@page import="DTO.Administrador"%>
<%@page contentType="text/html" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <% //http://www.cristalab.com/tutoriales/crear-un-slider-con-efectos-en-javascript-c105085l/
        //Obtiener la sesion
        HttpSession sesion = request.getSession();
        Administrador admin = (Administrador) session.getAttribute("Administrador");
        String miValor = "";
        //if(request.getParameter("id")!=null) 
        miValor = request.getParameter("id");

        conexionBD c = new conexionBD("root", "root", "SAPCOMED_DATABASE");
        //Paciente pac = c.obtenerPaciente(Integer.parseInt(miValor));
        Administrador adm = c.obtenerAdministrador(Integer.parseInt(miValor));
        //Valida el usuario  admin != null
        if (admin != null) {%>  
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />       
        <title> Menú Principal | Cambiar de datos del administrador</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
        <link rel="shortcut icon" href="img/sign.ico"  type="image/x-icon"   />
        <script type="text/javascript" src="js/fecha.js"></script>
        <script type="text/javascript" src="js/textsizer.js"></script>


        <!-- css y js para el formulario -->
        <link rel="stylesheet" type="text/css" href="css/structure.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/form.css" media="screen"/>  
        <script src="js/seleccion.js"></script>

        <!-- css y js para validación -->
        <link rel="stylesheet" type="text/css" href="css/styleValidationEngine.css" media="screen" />
        <script type="text/javascript" src="jquery/jquery-1.8.2.min.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine-es.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine.js" charset="utf-8" ></script> 
        <script type="text/javascript" src="jquery/jquery.blockUI.js?1" charset="utf-8" ></script>
        <script type="text/javascript" src="js/js_common.js"></script> 

        <script type="text/javascript" >
            jQuery(document).ready(function(){
                jQuery("#registro_paciente").validationEngine();
            });
            
            function activa(valor)
            {
                if(valor== "mCorreo"){
                    document.CambioContrasenia.correo.disabled=false;
                    document.CambioContrasenia.nuevoCorreo.disabled=false;
                }
                else if(valor == "mContrasenia"){
                    document.CambioContrasenia.contrasenia.disabled=false;
                    document.CambioContrasenia.nuevoContrasenia.disabled=false;
                }
                else if(valor == "mNombre"){
                    document.CambioContrasenia.nombre.disabled=false;
                    document.CambioContrasenia.nuevoNombre.disabled=false;
                }
            }
            
            var extension;
            var mime;
            var ajax;
            
            function split(valor){
                var ext = valor.split(".");
                extension = ext[1];   
            }

            function funcionCallback(){
                // Comprobamos si la peticion se ha completado (estado 4)
                if( ajax.readyState == 4 )  {
                    // Comprobamos si la respuesta ha sido correcta (resultado HTTP 200)
                    if( ajax.status == 200 )  {
                         jQuery(document).ready(function() { 
                        jQuery.growlUI('Notificación', ajax.responseText);
                      });        
                    }
                }
            }
            function actualizar(valor1,valor2){
                valor1 =1;
                // Creamos el control XMLHttpRequest segun el navegador en el que estemos 
                if( window.XMLHttpRequest )
                    ajax = new XMLHttpRequest(); // No Internet Explorer
                else
                    ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer

                // Almacenamos en el control al funcion que se invocara cuando la peticion
                // cambie de estado	
                ajax.onreadystatechange = funcionCallback;
                //archivo();
                // Enviamos la peticion
                if(valor2 == "contrasenia"){ 
                    ajax.open("POST", "ServicioActualizarAdministrador?cedula="+valor1+"&dato="+valor2+"&nuevoDato="+document.CambioContrasenia.contrasenia.value, true );
                    if(document.CambioContrasenia.contrasenia.value != null){
                        document.CambioContrasenia.contrasenia.disabled=true;
                        document.CambioContrasenia.nuevoContrasenia.disabled=true;
                        document.CambioContrasenia.cContrasenia.checked=false;
                    }
                }
                else if(valor2 == "correo"){
                    ajax.open("POST", "ServicioActualizarAdministrador?cedula="+valor1+"&dato="+valor2+"&nuevoDato="+document.CambioContrasenia.correo.value, true );
                    if(document.CambioContrasenia.correo.value != null){
                        document.CambioContrasenia.correo.disabled=true;
                        document.CambioContrasenia.nuevoCorreo.disabled=true;
                        document.CambioContrasenia.cCorreo.checked=false;}
                }
                 else if(valor2 == "nombre"){ 
                    ajax.open("POST", "ServicioActualizarAdministrador?cedula="+valor1+"&dato="+valor2+"&nuevoDato="+document.CambioContrasenia.nombre.value, true );
                    if(document.CambioContrasenia.nombre.value != null){
                        document.CambioContrasenia.nombre.disabled=true;
                        document.CambioContrasenia.nuevoNombre.disabled=true;
                        document.CambioContrasenia.cNombre.checked=false;
                    }
                }
 
                ajax.send( "" );
            }
            
        </script>
         <style>
          div.growlUI { background: url(img/uncheck.png) no-repeat 10px 10px;}
        </style>
    </head>

    <body>
        <div id="wrap">
            <div id="top">
                <h2>Administración de usuario</h2>
                <div style="margin-left: 40%;margin-bottom: 3.6%;"> <h1>Usuario:   <%= admin.getNombre()%> </h1> </div>
                <a href="javascript:cerrar_sesion()">Cerrar sesi&oacute;n</a>
            </div>
            <div style="color: #ffffff; margin-left:2%; font-size: 1.6em;">
                <script type="text/javascript">
                    document.write(Muestrafecha()); 
                </script>
            </div>
            <div id="content">
                <div id="container" >
                    <form id="HojaDatosPaciente" name="CambioContrasenia" action="/SAPCOMED/ServicioActualizarAdministrador" method="post"  enctype=?multipart/form-data" class="wufoo topLabel page formato_letra">   
                        <div class="info formato_letra" >
                            <h2 info formato_letra>Cambio de datos del administrador</h2>
                        </div>
                        <ul>   
                            <div>
                                <li id="" name="nombre" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                       Nombre del administrador:
                                    </label>  
                                    <input type="text" id="nombre" name="noombre" size="30" class="field text fn" value="<%= adm.getNombre()%>" disabled/> 
                                 <input type="button" name="nuevoNombre" value="Enviar"  onclick="actualizar('<%= adm.getId_Administrador()%>','nombre')" disabled/>
                                 <input type="radio" value="Modificar" name="cNombre"  onclick="activa('mNombre')"/>
                                </li>  
                            </div>
                            <div>
                                <li id="" name="correo" class="notranslate formato_letra">
                                    <label class="desc" id="" for="">
                                      Email:
                                    </label>  
                                    <input type="text" id="correo" name="correo" size="30" class="field text fn" value="<%= adm.getCorreo() %>" disabled/> 
                                 <input type="button" name="nuevoCorreo" value="Enviar"  onclick="actualizar('<%= adm.getId_Administrador()%>','correo')" disabled/>
                                 <input type="radio" value="Modificar" name="cCorreo"  onclick="activa('mCorreo')"/>
                                </li>  
                            </div>
                            <div>
                                <li id="" name="contrasenia" class="notranslate formato_letra">
                                     <label class="desc" id="" for="">
                                       Contraseña:
                                    </label> 
                                    <input type="text" id="contrasenia" name="contrasenia" size="30" class="field text fn" value="<%=adm.getContrasenia()%>" disabled/> 
                                    <input type="button" name="nuevoContrasenia" value="Enviar" onclick="actualizar('<%=adm.getId_Administrador()%>','contrasenia')" disabled/>
                                    <input type="radio" value="Modificar" name="cContrasenia"   onclick="activa('mContrasenia')"/>
                                </li>
                            </div>
                        </ul>
                                 <br> <br><br>  
                                <div style="float:left; margin-top: -40px; margin-left: 80%;">

                                    <input id="b_MP" name="b_MP" class="button" 
                                           type="button" value="Menú principal" onclick="document.location='/SAPCOMED/MenDDs.jsp'" />
                                </div>
                    </form>
                </div>
            </div> 
        </div>  
        <div id="footer">
            <footer>
                <div><img src="img/footer_img.png" height="39" width="960" border="0"></div>
                <h4>
                    <a href="MapaSitio.jsp">MAPA DEL SITIO</a> | 
                    <a href="Desarrolladores.jsp" accesskey="H" onClick="popup = window.open('Desarrolladores.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">DESAROLLADORES</a> |  
                    <a href="Ayuda.jsp" accesskey="H" onClick="popup = window.open('Ayuda.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">AYUDA</a>
                </h4>
                <div class="ftext"> Tel:(506) 2246-3279 <br/> sapcomed &copy;  Todos los derechos reservados. Prohibida la reproducción total o parcial.</div>
            </footer>
        </div>
    </body>
  <% }%>  
</html>